<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1,viewport-fit=contain">
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="x5-orientation" content="portrait">
        <link rel="stylesheet" href="{{constant('APP_CSS_PATH')}}index.css?131">
        <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>    
        <script type="text/javascript" src="{{constant('APP_JS_PATH')}}resLoader.js"></script>
        <script type="text/javascript" src="{{constant('APP_JS_PATH')}}jquery-3.2.1.min.js"></script>
    </head>
    <body>
        <div class="wrap" id="wrap">
            <div class="absolute play-body">
                <div class="absolute" id="bg"></div>
                <div class="absolute fg" id="fg"></div>
			<div class="absolute hideItem play-start-load">
				<div class="progress-start">
					<div class="progress-inner-start"></div>
				</div>
				<div class="progress-text-start">进度<span>0%</span></div>
				<div class="progress-tips">请在网络良好的情况下游戏</div>
			</div>
                <div class="absolute hideItem play-start-wrap">
                    <div class="play-start">
                        <div class="play-start-icon"></div>
                    </div>
                </div>
                <div class="absolute hideItem play-tips">
                    <div class="play-start-tip">遇到卡顿可以退出重进，本游戏自动存档，放心玩~！</div>
                </div>
                <div class="video-wrap absolute hideItem play-video">
                    <video class="video" id="video" x5-video-player-type="h5" x5-video-player-fullscreen="true" x-webkit-airplay="true" webkit-playsinline="true" playsinline="true" preload poster="" src="">
                    </video>
                </div>
                <div class="absolute hideItem play-info">

                    <div class="info-like hide">
                        <div class="info-like-item">
                            <div class="img"></div>
                            <div class="text"><div class="icon"><img src="{{constant('APP_IMG_PATH')}}icon_xin.png" alt=""/></div> <div class="score"><span id="score">0</span><span class="score-tip">+5</span></div></div>
                        </div>
                    </div>
                    <div class="info-reply hide">
                        <div class="info-reply-head">
                            <div class="reply-head-img"></div>
                            <span id="replyText">请选择回复</span>
                        </div>
                        <div class="info-reply-body">
                            <div class="reply-item"></div>
                        </div>
                        <div class="info-reply-footer hide">点击空白处重播</div>
                    </div>
                </div>
                <div class="absolute hideItem play-os-wrap">
                    <div class="audio-wrap hide">
                        <audio class="audio" id="audio1" src="" preload></audio>
                        <audio class="audio" id="audio2" src="" preload></audio>
                        <audio class="audio" id="bgAudio1" src="" preload loop></audio>
                        <audio class="audio" id="bgAudio2" src="" preload loop></audio>
                        <audio class="audio" id="audioClick" src="https://ossredpacket.gjgj.com/material/img/2018-02/MrscmQcwyy1518084774.mp3" preload></audio>
                        <audio class="audio" id="audioLikeUp" src="https://ossredpacket.gjgj.com/material/img/2018-02/G8TjfRiBjW1518084713.mp3" preload></audio>
                        <audio class="audio" id="audioLikeDown" src="https://ossredpacket.gjgj.com/material/img/2018-02/kJjSf2BZ8t1518084742.mp3" preload></audio>
                    </div>
                    <div class="play-os">
                        <div class="os-content"></div>
                    </div>
                </div>
                <div class="absolute hideItem play-mu">
                    <div class="play-mu-name"></div>
                    <div class="progress">
                        <div class="progress-inner"></div>
                    </div>
					<div class="progress-text"></div>
                </div>
                <div class="absolute hideItem play-dialog-wrap">
                    <div class="play-dialog hide">
                        <div class="dialog-name"><i></i><span></span></div>
                        <div class="dialog-content"></div>
                    </div>
                </div>
                <div class="absolute hideItem play-phone-wrap">
                    <div class="play-phone hide">
                        <div class="phone-content"></div>
                    </div>
                </div>
                <div class="absolute hideItem play-end ">
                    <div class="end-head">
                        <div class="end-head-img"><i></i></div>
                        <div class="end-head-text">
                            <div>恭喜你</div>
                            <div>完成"<span id="endText"></span>"</div>
                        </div>
                    </div>
                    <div class="end-body">
                        <div class="end-other-title">甄一一结局</div>
					<ul class="other-items">
						<li data-index="347" data-count="1" class="gray">
							<div class="head-img"><img src="http://rpgstaticoss.gjgj.com/App/images/img01.png" alt=""/></div>
							<div class="name">失败结局</div>
						</li>
						<li data-index="351" data-count="2" class="gray">
							<div class="head-img"><img src="http://rpgstaticoss.gjgj.com/App/images/img02.png" alt=""/></div>
							<div class="name">普通结局</div>
						</li>
						<li data-index="362" data-count="3" class="gray">
							<div class="head-img"><img src="http://rpgstaticoss.gjgj.com/App/images/img03.png" alt=""/></div>
							<div class="name">完美结局</div>
						</li>
					</ul>
					<div class="end-other-title">其他结局</div>
					<ul class="other-items">
						<li data-index="318" data-count="4" class="gray">
							<div class="head-img"><img src="http://rpgstaticoss.gjgj.com/App/images/img04.png" alt=""/></div>
							<div class="name">强强侠结局</div>
						</li>
						<li data-index="250" data-count="5" class="gray">
							<div class="head-img"><img src="http://rpgstaticoss.gjgj.com/App/images/img05.png" alt=""/></div>
							<div class="name">卷卷结局</div>
						</li>
						<li data-index="342" data-count="6" class="gray">
							<div class="head-img"><img src="http://rpgstaticoss.gjgj.com/App/images/img06.png" alt=""/></div>
							<div class="name">长歌结局</div>
						</li>
						
					</ul>
					<ul class="other-items" data-count="7" >
						<li data-index="248" class="gray">
							<div class="head-img"><img src="http://rpgstaticoss.gjgj.com/App/images/img07.png" alt=""/></div>
							<div class="name">拐子结局</div>
						</li>
					</ul>
                        <div class="item first-item" id="share">分享这个故事给好友</div>
                        <div class="item" id="reload">探索其他精彩支线</div>
                        <!-- <div class="item" id="more">查看更多结局</div> -->
                    </div>
                    <div class="absolute end-share "></div>
                </div>
                <!-- <div class="absolute hideItem end-other">
                        <ul class="other-items">
                                <li data-index="362">甄一一完美结局</li>
                                <li data-index="351">甄一一普通结局</li>
                                <li data-index="347">甄一一失败结局</li>
                                <li data-index="318">强强侠结局</li>
                                <li data-index="250">卷卷结局</li>
                                <li data-index="342">长歌结局</li>
                                <li data-index="248">拐子结局</li>
                        </ul>
                </div> -->
                <div class="play-icon">
                    <div class="item play"></div>
                    <div class="item pause hide"></div>
                </div>
            </div>

        </div>
        <input type="hidden" value="{{signPackage['appId']}}" id="appId" />
        <input type="hidden" value="{{signPackage['timestamp']}}" id="timestamp" />
        <input type="hidden" value="{{signPackage['nonceStr']}}" id="nonceStr" />
        <input type="hidden" value="{{signPackage['signature']}}" id="signature" />

        <input type="hidden" value="{{sharePyTitle}}" id="sharePyTitle" />
        <input type="hidden" value="{{shareTitle}}" id="shareTitle" />
        <input type="hidden" value="{{shareUrl}}" id="shareUrl" />
        <input type="hidden" value="{{shareDesc}}" id="shareDesc" />
        <input type="hidden" value="http://ossredpacketimg.gjgj.com/sher.png" id="shareImgUrl" />

        <input type="hidden" value="{{startId}}" id="startId" />
		<style>
		.progress-tips{
			text-align: center;
			color: #fff;
			position: absolute;
			top: 60%;
			left: 0;
			width: 100%;
		}
		</style>
        <script type="text/javascript" src="{{constant('APP_JS_PATH')}}index.js?131"></script>
    </body>
    <script src="https://s13.cnzz.com/z_stat.php?id=1312883366&web_id=1312883366" language="JavaScript"></script>
</html>